.datePicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 138px;
  margin-top: 3px;
  padding: 0px 24px;
  overflow-x: auto;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(234, 234, 234, 1);
  .dateItem {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
    color: rgba(102, 102, 102, 1);
    font-family: PingFangSC-Regular;
    transition: all 0.3s;
    .label{
      font-size: 28px;
      margin-bottom: 8px;
    }
    .value{
      font-size: 20px;
    }
  }
  .selected {
    ::after{
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 6px;
      background-color: rgba(255, 60, 62, 1);
    }
    color: rgba(51, 51, 51, 1);
    .label{
      font-weight: 600;
      font-family: PingFangSC-Medium;
    }
  }
}